//
//
//
//
//
//


//  MIXIN
// =============================================================================
@mixin media_query($display) {
    @if $display == phone {
        body {
            font: 14px/1.231 sans-serif;
        }

        /* Schlagzeilen-Listen */
        ul.news-list {
            li {
                margin-bottom: $magic-number-half-unit;
                padding: 0;
            }
            .nl-meta {
                text-align: left;
                position: relative;
                width: auto;
            }
            .nl-meta-date, .nl-meta-author {
                font-size: 0.9em;
                display: inline-block;
            }
        }

        /* "Grid" */
        .width-25,
        .width-33,
        .width-50,
        .width-66,
        .width-75 {
            float: none;
            width: 100%;
        }

        #page-wrap,
        .margin,
        .content-wrap,
        .head {
            padding: 0 $magic-number-quarter-unit;
            width: 100%;
            .head-logo, .head-finder {
                position: relative;
                width: 100%;
            }
        }

    }

    @if $display == tablet {
        /* Breiten-Anpassungen der Formular-Elemente */
        form {
            fieldset {
                @include form_arrange_vertical(38.2%);
            }
        }

        .selektor {
            text-align: center;
        }
        .present {
            h2, h3, p {
                margin-left: 165px;
            }
        }
    }

    @if $display == desktop {
        // ...
    }

    @if $display == large_desktop {

        // navibar-sublist einblenden
        .navibar {
        }
        .content-wrap {
            padding: 0 $magic-number-half-unit;
            width: 55%;
        }
        .margin {
            width: 20%;
            .margin-sublist {
                display: none;
            }
        }
    }
}
// =============================================================================



//  Breitenangaben
// =============================================================================
@media screen and (max-width: 540px) {
/*    @import "302_layouts_special_phone";*/
}
@media screen and (max-width: 800px) {
/*    @import "302_layouts_special_tablet";*/
}
@media screen and (min-width: 541px) and (max-width: 1399px) {
/*    @import "302_layouts_special_desktop";*/
}
@media screen and (min-width: 1400px) {
/*    @import "302_layouts_special_large-desktop";*/
}
// =============================================================================

